
.lightpick__day-of-the-week{
  text-transform: uppercase;
  color: $text-muted;
}

.lightpick__day{
  color: $dark;

  &.is-today, &.is-today:hover{
    background: transparent;
    border-radius: 50%;
    color: $primary;
    font-weight: bold;
    position: relative;
  }

  &.is-start-date.is-in-range,   &.is-end-date.is-in-range{
    background-color: $primary;
  }

  &.is-in-range{
    background-color: rgba(38,139,210, .2);
  }

  &.is-in-range.is-today::before{
    content: "";
    background-color: rgba(38,139,210, .2);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
  }

}
